<template>
  <div class="lgbox">
    <!-- <video :src="videoSrc" class="myvideo" autoplay muted loop></video> -->
    <div class="login-box">
      <h2 class="title">疫情管理系统</h2>
      <div class="box">
        <el-tabs v-model="active" class="demo-tabs" @tab-click="handleClick">
          <el-tab-pane label="账号登录" name="account">
            <LoginByAccount />
          </el-tab-pane>
          <el-tab-pane label="手机登录" name="phone">
            <LoginByPhone />
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import LoginByAccount from "./LoginByAccount.vue";
import LoginByPhone from "./LoginByPhone.vue";
import axios from "axios";
import type { TabsPaneContext } from "element-plus";
import { ref } from "vue";
const active = ref("account");
const handleClick = () => {};
// const handleClick = (tab: TabsPaneContext, event: Event) => {
//   console.log(tab, event);
// };
</script>

<style></style>
